<!-- 合作伙伴-->
<script setup>
import HomePanel from "@/views/mainPage/home/components/HomePanel.vue";
import {getFriendStore} from "@/stores/getFriendStore.js";
const friends = getFriendStore()
</script>
<template>
<div>
  <HomePanel title="合作伙伴" sub-title="与腾讯、华为等多家企业深度合作，值得信赖">
    <div class="layout" >
      <el-card  v-for="friend in friends.friendsList" :key="friend">

        <img
            v-ima-lazy="`./src/assets/images/${friend.image}`"
            style="width: 100%"
            alt=""
         src=""/>
      </el-card>
    </div>
  </HomePanel>
</div>
</template>



<style scoped>
.layout{
  display: flex;
  flex-wrap: wrap;
}
.el-card{
  min-width: 413px;

  transition: all .5s;
  &:hover {
    transform: translate3d(0, -3px, 0);
    box-shadow: 0 3px 8px rgb(0 0 0 / 20%);
  }
}
</style>